<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/shouye.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css"> 
<link rel="stylesheet" href="${ctx}/css/page/slick.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/slick-theme.css" type="text/css">
<script src="${ctx}/js/controllers/LoginController.js" type="text/javascript"></script>
<script src="${ctx}/js/controllers/OpenShopController.js" type="text/javascript"></script>
<script type="text/javascript">
    var ctx = '${ctx}';
    setCtx(ctx);
</script>
<style>
    .register{border-radius:5px;}
	.register .layui-layer-title{height:63px;background:#7ECFE0;line-height:63px;color:#fff;font-size:17px;text-align:center;border-radius:5px 5px 0 0;}
	.register .layui-layer-setwin .layui-layer-close1{width:25px;height:25px;}
</style>
</head>
<body onload="loginLoad();" >
    <%-- <%@include file="/views/common/head_index.jsp"%>
    <div id="indexContent">
        <%@include file="/views/index/index_home.jsp"%>
    </div>
    <%@include file="/views/common/footer.jsp"%> --%>
    <%@include file="/views/common/head_index.jsp"%>
    <div class="container1" >
        <div class="contentbox contentbox1">
        	<div class="padd">
        		<div class="single-item">
        			<div class="slidebox">
			            <img class="shouye1" src="${ctx}/images/page/shouye1.png">
			            <div class="login">
			            	<div class="login-tab">
			            		<ul>
			            			<li class="yezhu ">业主</li>
			            			<li class="shanghu ">商户</li>
			            		</ul>
			            	</div>
			                <div class="logopicbox">
			                    <img class="logo-img"src="${ctx}/images/page/logo.png"/>
			                </div>
			                <div class="loginputbox">
			                    <div class="inputleft firstinput"><img src="${ctx}/images/page/user.png"/><input type="text" id="userName"></input></div>
			                    <div class="inputleft"><img class="pw" src="${ctx}/images/page/pw.png"/><input type="password" id="password"></input></div>
			                    <div class="logfunc"><span class="fpw"><a href="javascript:findPwd()">忘记密码</a></span><span class="newu"><a href="javascript:register();">新用户注册</a></span></div>
			                    <button onclick="userLogin();">业主登录</button>
			                </div>
			                 <div class="loginputbox-sh">
			                    <button onclick="sellerOpenShop()">商户入驻</button>
			                    <button onclick="javascript:window.open('${sellerUrl}', '_blank') ">商户登录</button>
			                </div>
			            </div>
			       </div> 
			    </div>  
	         </div>
        </div>      
    </div>
    <div class="container2">
        <div class="contentbox2 contentbox">
        <img src="${ctx}/images/page/shouye2.png">
        </div>
    </div>
    <div class="container3">
        <div class="contentbox3 contentbox">
            <div class="pic_arry">
                <img src="${ctx}/images/page/1.png"/><img src="${ctx}/images/page/2.png"/><img src="${ctx}/images/page/3.png"/><img src="${ctx}/images/page/4.png"/>
                <img src="${ctx}/images/page/5.png"/><img src="${ctx}/images/page/6.png"/><img src="${ctx}/images/page/7.png"/><img src="${ctx}/images/page/8.png"/>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="container4">
        <div class="contentbox4 contentbox">
            <div class="partner1 partner"><img src="${ctx}/images/page/partner.png"/></div>
            <div class="partner"><img src="${ctx}/images/page/people.png"/></div>
            <div class="partner3 partner" >
            <div class="zanzhu">
                <span class="picbox">
                    <a class="onepic" href=""><img src="${ctx}/images/page/4.1.png"></a>
                    <a class="onepic" href=""><img src="${ctx}/images/page/4.2.png"></a>
                    <a class="onepic" href=""><img src="${ctx}/images/page/4.3.png"></a>
                    <a href=""><img src="${ctx}/images/page/4.5.png"></a>
                    <a href=""><img src="${ctx}/images/page/4.6.png"></a>
                    <a href=""><img src="${ctx}/images/page/4.7.png"></a>
                </span>
                <span><a href=""><img src="${ctx}/images/page/4.4.png"></a></span>
            </div>
            </div>
        </div>
    </div>
    <div class="container5">
        <div class="contentbox5 contentbox">
            <div class="openshop">
                <div class="chuanglian"><img src="${ctx}/images/page/chuanglian.png"></div>
                <form class="shopbox">
                    <div class="leftshop">
                        <!-- <p>客服电话：（0270）1234-5678</p> -->
                        <input maxlength="20" id="yourName" class="mb-10"type="text" placeholder="联系人" onblur="checkContactor()"></input>
                        <input id="yourPhone" type="text" placeholder="联系人电话" onblur="checkContactorPhone()"></input>
                        <p>所在小区：</p>
                        <select class="shengshi" id="province" onblur="checkProvinceName()">
                            <option value="">--省--</option> 
                            <c:forEach items="${provinceList}" var="provinceItem" varStatus="status">
                                <option id="${provinceItem.regionName}" value="${provinceItem.id}" >
                                         ${provinceItem.regionName}
                                </option>
                            </c:forEach>
                        </select>
                        <select class="shengshi" id="city" onblur="checkCityName()" style="width:198px;">
                            <option value="">--市--</option>
                            <c:if test="${not empty cityList}">
                            <c:forEach items="${cityList}" var="cityItem" varStatus="status">
                                <option id="${cityItem.regionName}" value="${cityItem.id}" selected>
                                     ${cityItem.regionName}
                                </option>
                            </c:forEach>
                            </c:if>
                        </select>
                        <select class="loca" id="district" onblur="checkAreaName()">
                            <option value="">--区--</option>
                            <c:if test="${not empty districtList}">
                                <c:forEach items="${districtList}" var="districtItem" varStatus="status">
                                    <option id="${districtItem.cellName}" value="${districtItem.id}" selected>
                                                ${districtItem.regionName}
                                    </option>
                                </c:forEach>
                                </c:if>
                        </select>
                        <select class="loca" id="cellInfoId" onblur="checkCellInfo();" style="width:198px;">  
							<option value="">--小区--</option> 
							<c:forEach items="${cellList}" var="cellInfo" varStatus="status">
								<option id="${cellInfo.id}" value="${cellInfo.id}" selected>
									${cellInfo.cellName}
								</option>
							</c:forEach>
				 		</select>
                    </div>
                    <div class="rightshop" id="openShop">
                        <!-- <p>咨询邮箱：18274612564@164.com</p> -->
                        <select class="shoptype" id="shop" onblur="checkShop()">
                            <option value="">店铺类型</option> 
                            <c:forEach items="${shopList}" var="shopItem" varStatus="status">
                                <option id="${shopItem.name}" value="${shopItem.id}">
                                         ${shopItem.name}
                                </option>
                            </c:forEach>
                        </select>
                        <textarea onpropertychange="if(value.length>200) value=value.substr(0,200)" maxlength="200" id="describe" onblur="checkDescrip()" placeholder="店面简要信息描述…"></textarea>
                    </div>
                </form>
                        <input class="submit" type="button" onclick="nextStep();" value="提交"></input>
            </div>
        </div>
    </div>
    <%@include file="/views/common/footer.jsp"%>
    <script src="${ctx}/js/slide/jquery-1.9.1.min.js"></script>
	<script src="${ctx}/js/slide/slick.min.js"></script>
    <script type="text/javascript">
    $(document).ready(
			function(){
				$('.yezhu').click(function(){
					$('.loginputbox').css('display','block');
					$('.loginputbox-sh').css('display','none');
					$('.shanghu').css({'color':'#000','background':'#F2F2F2'})
					$(this).css({'color':'#57B4C6','background':'#E5E5E5'})
				});
				$('.shanghu').click(function(){
					$('.loginputbox').css('display','none');
					$('.loginputbox-sh').css('display','block');
					$('.yezhu').css({'color':'#000','background':'#F2F2F2'})
					$(this).css({'color':'#57B4C6','background':'#E5E5E5'})
				});
			}
		)
		
	function sellerOpenShop(){
    	window.location.href = ctx + "#openShop";
    }
    </script>
    <script type="text/javascript">
        var ctx = '${ctx}';
        setCtx(ctx);
</script>
</body>
</html>